<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Softline</title>
	<link rel="stylesheet" type="text/css" href="../css/details.css" />
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="../js/bscroll.min.js"></script>
	<script type="text/javascript">
		(function (deviceWidth, fontSize) {
            deviceWidth = deviceWidth || 640;
            fontSize = fontSize || 100;
            var metas = document.querySelectorAll('meta');
            var viewPort = [].slice.call(metas).filter((item) => {
                return item.name === 'viewport';
            })[0];
            if (!viewPort) {
                var meta = document.createElement('meta');
                meta.name = 'viewport';
                viewPort = document.head.insertBefore(meta, metas[metas.length - 1].nextElementSibling);
            }
            var scale = 1 / window.devicePixelRatio;
            viewPort.content = `width=device-width, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}, user-scalable=no`;
            var html = document.documentElement;
            var fn = function () {
                html.style.fontSize = (html.clientWidth / deviceWidth) * fontSize + 'px';
            };
            fn();
            window.addEventListener('resize', fn);
        })(750, 50);
	</script>
	<script src="../js/public.js"></script>
	<script src="../js/details.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div class="wrapper">
		<div class="content">
			<div class="banner"><img src="../img/tu.jpg"></div>
			<ul class="nav">
				<li><a class="blue">介绍</a></li>
				<li><a>目录</a></li>
				<li><a>评论</a></li>
			</ul>
			<ul class="con">
				<li class="introduce" style="display: block;">
					<div class="intr">
						<div class="int_tit">
							杜克女神带你走进世界银行
						</div>
						<div class="int_p">讲师名</div>
						<div class="int_foot">
							<div class="int_zi"></div>
							<div class="int_peo">1000人学习</div>
						</div>
					</div>
					<div class="int_img"><img src="../img/tu.jpg"></div>
				</li>
				<li class="catalog">
				</li>
				<li class="comment">
					<div class="pincon">
						<div class="wen">
							<textarea placeholder="请输入你对课程的看法" id="huo"></textarea>
							<input type="button" value="提交评论" id="pin" />
						</div>
						<div class="cent"></div>
						<div class="meiyou">还没有评论</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="bao">
			<div class="bao_fl">
				<div class="teach">
					<div class="tea_img"><img src="../img/peo.png"></div>
					<p>讲师</p >
				</div>
				<div class="suc">
					<div class="suc_img"><img src="../img/suc.png"></div>
					<p>收藏</p >
				</div>
			</div>
			<div class="bao_rt">
				立即购买
			</div>
		</div>
		<div class="mask"></div>
		<div class="bombBox">
			<ul>
				<li>
					<span>全集</span>
					<strong>￥399.00</strong>
				</li>
				<li class="active">
					<span>公开课</span>
					<strong>￥128.00</strong>
				</li>
				<li class="youhui yes">
					<span>优惠券</span>
					<strong>128元优惠券></strong>
				</li>
			</ul>
			<div class="button quan">优惠券支付</div>
		</div>
	</div>
	<div class="popup">
		
	</div>
</body>

</html>